﻿@model FOModels.BlogNews.BlogNewsModels
@{
 
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
    if (Model != null)
    {
        ViewBag.Title = "Blog News - " + Model.BlogNewsCategoryName + "";
    }
    var ListBlogNews = (List<FOModels.BlogNews.BlogNewsModels>)ViewBag.ListBlogNews;
}
<style>
    .skin1 article {
        float: right;
        width: 98%;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #f1f1f1;
    }
    .box-finacial-cal {
        min-height:272px !important;
    }
</style>
<div id="vn-box">
    <div class="title-bn">
        <div class="title-bn-box">
            <h3><a href="@Url.Action("Index")">Blog News</a></h3>
        </div>
        <ul>
            <li><a >@Model.BlogNewsCategoryName</a></li>
        </ul>
    </div>
    <div class="news-left">
        <div class="topnews-left">
            @if (Model != null)
            {
                <div class="hotnews-content">
                    <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })" class="aHN-img" title="@Model.BlogNewsTitle">
                        <img src="@Model.BlogNewsImg"  width="335" height="250" alt="@Model.BlogNewsTitle" title="@Model.BlogNewsTitle">
                        <div class="frame250_195 png"></div>
                    </a>
                    <h1 class="titleHN">
                        <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })" title="@Model.BlogNewsTitle" class="link-topnews">@Model.BlogNewsTitle

                        </a><a style="text-decoration: none;" href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })"><span class="spanListHome icon_commend">&nbsp;<span class="widget-comment-2966259-1">@Model.ViewCount</span></span></a></h1>
                    <h2 class="h2leadHN">@Model.BlogNewsSumary</h2>
                    <p class="title-cate-blog">[<a href="@Url.Action("BlogNewsCate", "BlogNews", new { BlogNewsCategoryName = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsCategoryName.ToLower()), BlogNewsCategoryID = Model.BlogNewsCategoryID })"> @Model.BlogNewsCategoryName </a>]</p>
                </div>
            }
            <div class="clr"></div>

            <div class="content-wrap">
                <section class="category skin1">
                    @if (ListBlogNews.Count() > 0)
                    {
                        foreach (var l in ListBlogNews)
                        {
                        <article class="featured" style="width: 100%;">
                            <div class="cover">
                                <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(l.BlogNewsTitle.ToLower()), BlogNewsID = l.BlogNewsID })">
                                    <img src="@l.BlogNewsImg" alt="@l.BlogNewsTitle" title="@l.BlogNewsTitle" height="120" width="160">
                                </a>
                            </div>
                            <p class="type"></p>
                            <header>
                                <h1>
                                    <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(l.BlogNewsTitle.ToLower()), BlogNewsID = l.BlogNewsID })">@l.BlogNewsTitle</a>

                                </h1>
                                <time style="display: block;" datetime="@l.CreateDate.ToString("dd/MM/yyyy") - @l.CreateDate.ToString("hh:mm")">@l.CreateDate.ToString("dd/MM/yyyy") - @l.CreateDate.ToString("hh:mm")</time>
                            </header>
                            <p class="summary">@l.BlogNewsSumary</p>

                        </article>
                        }
                    }

                </section>

            </div>


        </div>
    </div>
    <div class="news-right">
        @Html.Action("GetBlogNewsCategoryNotParent", "BlogNewsCategory")
        <div class="right-box">
            <div class="box_category width_common" id="thitruong_new">
                <div id="giavang" class="thitruong_new">
                    <div class="title_box_category width_common">
                        <div class="txt_main_category"><a href="#">Giá vàng 9999</a></div>
                    </div>
                    <div class="content_box_category width_common">
                        <div class="block_giavang width_common">
                            <div class="width_common txt_giavang">
                                <p>
                                    <span class="left">Giá vàng</span>
                                    <span class="right txt_10">ĐVT:tr.đ/lượng</span>
                                </p>
                            </div>
                            <div class="width_common">
                                <table id="giavang_detail" cellpadding="0" border="0" cellspacing="0" class="tb_giavang">
                                    <tbody>
                                        <tr>
                                            <td width="100">Loại</td>
                                            <td width="100">Mua</td>
                                            <td width="100">Bán</td>
                                        </tr>
                                        <tr>
                                            <td>SJC</td>
                                            <td>35,470</td>
                                            <td>35,510</td>
                                        </tr>
                                        <tr>
                                            <td>Nhẫn ép vỉ</td>
                                            <td>35,470</td>
                                            <td>35,500</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="clr"></div>
                            <div class="block_nguon">
                                <i class="txt_10 txt_666">Nguồn:</i>
                                <p>
                                    <a class="left" href="#">
                                        <img src="http://st.f1.vnecdn.net/responsive/i/v2/graphics/img_doji.gif"></a>
                                    <a class="left" href="#">
                                        <img src="http://st.f1.vnecdn.net/responsive/i/v2/graphics/img_tienphongbank.gif"></a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>

                <div id="giangoaite" class="thitruong_new">
                    <div class="title_box_category width_common">
                        <div class="txt_main_category"><a href="#">Giá vàng 9999</a></div>
                    </div>
                    <div class="clr"></div>
                    <div class="content_box_category width_common">
                        <div class="block_giavang width_common">
                            <div class="width_common txt_giavang">
                                <p>
                                    <span class="left">Giá vàng</span>
                                    <span class="right txt_10">ĐVT:tr.đ/lượng</span>
                                </p>
                            </div>
                            <div class="width_common">
                                <table cellpadding="0" border="0" cellspacing="0" class="tb_giavang">
                                    <tbody>
                                        <tr>
                                            <td width="100">Loại</td>
                                            <td width="100">Mua</td>
                                            <td width="100">Bán</td>
                                        </tr>
                                        <tr>
                                            <td>SJC</td>
                                            <td>35,470</td>
                                            <td>35,510</td>
                                        </tr>
                                        <tr>
                                            <td>Nhẫn ép vỉ</td>
                                            <td>35,470</td>
                                            <td>35,500</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="clr"></div>
                            <div class="block_nguon">
                                <i class="txt_10 txt_666">Nguồn:</i>
                                <p>
                                    <a class="left" href="#">
                                        <img src="http://st.f1.vnecdn.net/responsive/i/v2/graphics/img_doji.gif"></a>
                                    <a class="left" href="#">
                                        <img src="http://st.f1.vnecdn.net/responsive/i/v2/graphics/img_tienphongbank.gif"></a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>

            </div>
        </div>
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
    <script src="/content/js/jquery.cookie.js" type="text/javascript"></script>
</div>
